<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./../templates/principalTemplate.xhtml">

            <ui:define name="content">
                <h:form>
                    <p:panel id="panel" header="Permisos">
                        <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
                        <h:panelGrid columns="3" cellpadding="5"  style="padding: 0 15%;">
                            <p:outputLabel for="slcUsuario" value="Usuario"/>
                            <h:selectOneMenu id="slcUsuario" value="#{permisosCtrl.idUsuarioSeleccionado}" required="true" >
                                <f:selectItem itemLabel="Seleccionar un usuario" itemValue="" />
                                <f:selectItems value="#{permisosCtrl.usuarios}" />
                                <p:ajax listener="#{permisosCtrl.seleccionoUsuario()}" update="slcConsumidor" />
                            </h:selectOneMenu>
                            <p:message for="slcUsuario" />
                            <p:outputLabel for="slcConsumidor" value="Consumidor"/>
                            <h:selectOneMenu id="slcConsumidor" value="#{permisosCtrl.idLigaUsuarioSeleccionada}" required="true">
                                <f:selectItem itemLabel="Seleccione un consumidor" itemValue="" />
                                <f:selectItems value="#{permisosCtrl.consumidores}" />
                            </h:selectOneMenu>
                            <p:message for="slcConsumidor" />
                            <h:panelGroup />
                            <p:outputLabel for="chkIngreso" value="Operar ingreso" />
                            <p:outputLabel for="chkConsumo" value="Operar consumo" />
                            <h:panelGroup />
                            <p:selectBooleanCheckbox id="chkIngreso" value="#{permisosCtrl.operarIngreso}" />
                            <p:selectBooleanCheckbox id="chkConsumo" value="#{permisosCtrl.operarConsumo}" />
                            <p:commandButton id="btnAceptar" value="Aceptar" update="@form" actionListener="#{permisosCtrl.guardar()}" />
                            <h:panelGroup />
                            <p:commandButton id="btnCancelar" value="Cancelar" update="@form" actionListener="#{permisosCtrl.cancelar()}" />
                        </h:panelGrid>
                    </p:panel>
                </h:form>
            </ui:define>

        </ui:composition>

    </body>
</html>
